
<html  lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="gbk" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="robots" content="all">
	<meta name="author" content="Tencent-CP" />
	<meta name="Copyright" content="Tencent" />
	<meta name="Description" content="页面的描述内容" />
	<meta name="Keywords" content="页面关键字" />
	<th:block th:include="include :: header('通知公告列表')" />
	<style>.lottery{position: relative;width: 500px;height: 500px;}</style>
</head>

<body>
<div class="lottery" id="lotterycontent">
<!--	<img src="//ossweb-img.qq.com/images/js/delottery/lotterybg.jpg" alt='奖品' width="800" height="360">-->
	<img src="https://static.xiaofengwang.com/dev/img/lqa51f9mqmawb4itht6k.jpg" width="488" height="488" alt="奖品">
</div>

</body>
</html>
<script src="/js/jquery.min.js"></script>
<script src="/js/lottery.js"></script>
<!--<script>
	//点击开始抽奖 通知js flash->js

	//开始抽奖lottery->js
	function callJsToStart() {
		lottery.disable();
		calllotteryToRoll(4);
	}
	//开发获得抽奖结果 通知lottery开始播放效果 js->lottery
	function calllotteryToRoll(id) {
		if (lottery) lottery.stopRoll(id);
	}
	//动画完成通知js lottery->js
	function callJsToComplete() {
		alert('恭喜你获得大奖哟！！');
	}

	//初始化抽奖的 可以不知道内部
	var lottery = new Lottery({
		'lighturl': '//ossweb-img.qq.com/images/js/delottery/sel.png',//外部光圈png 不填写就用默认的效果
		'starturl': '//ossweb-img.qq.com/images/js/delottery/blankstartbtn.png', //外部按钮png 不填写就用默认的按钮效果
		'width': 800,//lottery 宽度
		'height': 360,//lottery 高度
		'total': 18,//抽奖产品的总数
		'sbtnx': 239,// 开始抽奖按钮的位置x坐标
		'sbtny': 130,// 开始抽奖按钮的位置y坐标
		'sbtnw': 320,// 开始抽奖按钮的宽度
		'sbtnh': 100,// 开始抽奖按钮的高度
		'boxw': 100,// 奖品光效的宽度
		'boxh': 100,//奖品光效的高度
		'position': "19_20,128_20,238_20,348_19,459_19,568_19,679_19,19_129,128.8_129,568_129,678_129,19_240,128_240,238_240,349_240,459_239,569_239,679_239",
		//奖品光效的位置，对应奖品图片的布局，填入每个奖品的位置以及角度用逗号分割 x_y 例如19_20或者19_20_0 表示第一个奖品的位置 x坐标为19px y坐标为20px 角度为0。）
		'contentId': 'lotterycontent',//嵌入lottery 的div层的 id
		'onClickRollEvent': callJsToStart,//对应上面接口
		'onCompleteRollEvent': callJsToComplete //对应上面接口
	});
</script>-->
<script>
	//点击开始抽奖 通知js  flash->js
	function callJsToStarto(){
		//alert(11);
		//测试
		callFlashToRollo(5);
	}
	//开发获得抽奖结果 通知flash开始播放效果 js->flash
	function callFlashToRollo(id){
		alert("@@中奖id"+id)
		//通知转盘转到对应的中奖产品的id （序号从0,1,2.....，0是指针初始指示的位置，沿着顺时针的方向递增）
		if(SWFOBJo)SWFOBJo.stopRoll(id);
	}
	//3、flash动画完成通知js  flash->js
	function callJsToCompleteo(){
	//	SWFOBJo.enable()
		SWFOBJo.disable()
		alert('恭喜你获得大奖XXXX哟！！');
	}
	//初始化抽奖对象的SWFOBJ
	//转盘的中心点坐标为（0,0））
	var SWFOBJo= new Lottery({
		'r':8,//奖品总数
		'width':488,//flash宽度
		'height':488,//flash高度
		's':'//ossweb-img.qq.com/images/flash/lottery/circle/z.png',//开始抽奖按钮图片
		'b':'//ossweb-img.qq.com/images/flash/lottery/circle/g.png',//圆盘的图片 文件格式可以是swf、png、jpg（建议swf 可以压缩）
		'bx':0,//圆盘的图片位置x坐标 （转盘的中心点坐标为（0,0））
		'by':0,//圆盘的图片位置y坐标
		'sx':0,//开始抽奖按钮x坐标
		'sy':0,//开始抽奖按钮y坐标
		'contentId' : 'lotterycontent',//嵌入swf 的div层的 id
		'onClickRollEvent' : callJsToStarto,//对应上面接口
		'onCompleteRollEvent':callJsToCompleteo //对应上面接口
	});
</script>
